import React from 'react';
// import { Input } from 'antd';
import { Form, Input, Button, Checkbox } from 'antd';
// const layout = {
//     labelCol: { span: 8 },
//     wrapperCol: { span: 16 },
//   };
//   const tailLayout = {
//     wrapperCol: { offset: 8, span: 16 },
//   };
  
  
   

const Index = () => {
    // const onFinish = (values: any) => {
    //     console.log('Success:', values);
    //   };
    
    //   const onFinishFailed = (errorInfo: any) => {
    //     console.log('Failed:', errorInfo);
    //   };
    
    return (
        <Form
        // {...layout}
        // name="basic"
        // initialValues={{ remember: true }}
        // onFinish={onFinish}
        // onFinishFailed={onFinishFailed}
      >
        <Form.Item
          label="区域名称"
        //   name="username"
        //   rules={[{ required: true, message: 'Please input your username!' }]}
        >
          <Input />
        </Form.Item>
  
        <Form.Item
          label="
        
          
          所属仓库"
        //   name="password"
        //   rules={[{ required: true, message: 'Please input your password!' }]}
        >
          <Input />
        </Form.Item>
  
  
        <Form.Item  style={{display:'flex',justifyContent:"space-between" ,width:"100%"}}>
          {/* <Button type="primary" htmlType="submit">
            提交
          </Button>
          <Button type="primary" htmlType="submit">
            取消
          </Button> */}
        </Form.Item>
      </Form>
    );
}

export default Index;
